<script lang="ts" setup>
// import { computed } from 'vue';
import { isDark, toggleDark } from '@/composables';

import { Sunny, Moon } from '@element-plus/icons-vue';

function toggleTheme() {
  toggleDark();
}
</script>

<template>
  <el-button
    :type="!isDark ? 'info' : 'default'"
    :icon="!isDark ? Moon : Sunny"
    :circle="true"
    @click.prevent="toggleTheme"
  />
</template>
